<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="renderer" content="webkit" />
		<meta name="full-screen" content="yes" />
		<meta name="x5-fullscreen" content="true" />
		<meta name="apple-mobile-web-app-status-bar-style" content="default" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" href="./css/iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="css/acticl.css"/>
		<script src="./js/lib/lib-flexible.js" type="text/javascript"></script>
		<script src="./layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<title>首页</title>
	</head>
	<body>
		<div class="container">
			<!-- 顶部导航 -->
			<div class="header">
				<div class="header-nav">
					<div class="left">
						<img src="./img/logo.png" alt="">
					</div>
					<div class="right" id="nav-btn">
						<i class="iconfont icon-menu"></i>
					</div>
					<div class="menus" id="menus">
						<ul class="layui-nav layui-nav-tree" lay-filter="test">
						  <li class="layui-nav-item">
						    <a href="javascript:;">解决方案</a>
						    <dl class="layui-nav-child">
						      <dd><a href="#">移动模块</a></dd>
						      <dd><a href="#">后台模版</a></dd>
						      <dd><a href="#">电商平台</a></dd>
						    </dl>
						  </li>
						  <li class="layui-nav-item"><a href="">产品</a></li>
						  <li class="layui-nav-item"><a href="">大数据</a></li>
						</ul>
					</div>

				</div>
			</div>

		<!-- banner -->
		<div class="banner gap-30">
			<a href="#">
				<img src="./img/floor-1.jpg" alt="">
				<div class="mask">
					<div class="explain">
						<h3 class="banner-title">
							SUMMER PROPERTY
						</h3>
						<h3 class="banner-title-small">
							避暑楼盘
						</h3>
					</div>
				</div>
			</a>
		</div>
		
		<!-- 楼盘信息 -->
		<div class="container-part floor-name gap-30">
			<div class="left">
				<img src="./img/p-1.jpg" alt="">
			</div>
			<div class="right">
				<div class="floor-title">
					<h3>筑成时代春晓</h3>
					<span>更新时间：2023-03-09</span>
				</div>
				<div class="floor-status">
					<span class="layui-badge primary">在售</span>
					<span class="floor-status-count">有2432人感兴趣</span>
				</div>
			</div>
		</div>
		
		<!-- 信息导航 -->
		<div class="container-part gap-30">
			<ul class="floor-nav">
				<li class="floor-nav-item active"><a href="#">楼盘主页</a></li>
				<li class="floor-nav-item"><a href="#">楼盘详情</a></li>
				<li class="floor-nav-item"><a href="#">户型鉴赏</a></li>
				<li class="floor-nav-item"><a href="#">楼盘动态</a></li>
			</ul>
		</div>
		<!-- 轮播 -->
		<div class="container-part gap-30">
			<div class="slider-for" id="image">
					<div>
						<img src="./img/banner-3.jpg" alt="" />
					</div>
					<div>
						<img src="./img/banner-3.jpg" alt="" />
					</div>
					<div>
						<img src="./img/banner-3.jpg" alt="" />
					</div>
					<div>
						<img src="./img/banner-3.jpg" alt="" />
					</div>
			</div>
			<div class="slick-nav-bar gap-30">
				<div class="slider-nav">
					<div class="slider-nav-item">
						<img src="./img/banner-3.jpg" alt="" />
					</div>
					<div class="slider-nav-item">
						<img src="./img/banner-3.jpg" alt="" />
					</div>
					<div class="slider-nav-item">
						<img src="./img/banner-3.jpg" alt="" />
					</div>
					<div class="slider-nav-item">
						<img src="./img/banner-3.jpg" alt="" />
					</div>
				</div>
			</div>
		</div>
		
		<!-- 楼盘介绍 -->
		<div class="container-part gap-30 floor-info" >
			<table class="floor-info-table">
				<tr>
					<td class="title">
						<div class="cell">在售价格：</div>
					</td>
					<td class="content">
						<div class="price">
							5450元/m²
						</div>
					</td>
				</tr>
				<tr>
					<td class="title">
						<div class="cell">楼盘简介：</div>
					</td>
					<td class="content">
						<div class="cell">无论是哪个城市，高价的楼盘，都往往会被 购房者第一个熟知！在惠富康锦绣壹号五 期都 往往会被购房者第一个熟锦绣壹...</div>
					</td>
				</tr>
				<tr>
					<td class="title">
						<div class="cell">户型情况：</div>
					</td>
					<td class="content">
						<div class="cell">3室(6) 4室(6)</div>
					</td>
				</tr>
				<tr>
					<td class="title">
						<div class="cell">楼盘地址：</div>
					</td>
					<td class="content">
						<div class="cell">丰都市福利路与八定路交汇处东南侧</div>
					</td>
				</tr>
			</table>
		</div>
		
		<!-- 标题 -->
		<div class="container-part gap-30">
			<div class="part-title">
				<p>楼盘详情</p>
			</div>
		</div>
		<!-- 基本信息 -->
		<div class="container-part gap-30" >
			<div class="floor-base">
				<p class="base-name">基本信息</p>
				<table class="floor-base-table">
					<thead>
						<tr>
							<th class="title">
								<div class="cell">楼盘名称：</div>
							</th>
							<th class="content">
								<div class="cell">宏湖中央城</div>
							</th>
						</tr>
						<tr>
							<th class="title">
								<div class="cell">价格：</div>
							</th>
							<th class="content">
								<div class="price">均价约5300元/m²</div>
							</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td class="title">
								<div class="cell">物业类型：</div>
							</td>
							<td class="content">
								<div class="cell">住宅</div>
							</td>
						</tr>
						<tr>
							<td class="title">
								<div class="cell">楼盘地址：</div>
							</td>
							<td class="content">
								<div class="cell">灵川县灵川大道与龙福路交汇处</div>
							</td>
						</tr>
						<tr>
							<td class="title">
								<div class="cell">建筑类型：</div>
							</td>
							<td class="content">
								<div class="cell">高层,超高层</div>
							</td>
						</tr>
						<tr>
							<td class="title">
								<div class="cell">产权年限：</div>
							</td>
							<td class="content">
								<div class="cell">尚未公布</div>
							</td>
						</tr>
						<tr>
							<td class="title">
								<div class="cell">开 发 商：</div>
							</td>
							<td class="content">
								<div class="cell">重庆宏湖房地产开发有限责任公司</div>
							</td>
						</tr>
					</tbody>
				
				</table>
						
			</div>
			
		</div>
		<div class="container-part gap-30" >
			<div class="floor-base">
				<p class="base-name">销售信息</p>
				<table class="floor-base-table">
					<tbody>
						<tr>
							<td class="title">
								<div class="cell">销售状态：</div>
							</td>
							<td class="content">
								<div class="cell">在售</div>
							</td>
						</tr>
						<tr>
							<td class="title">
								<div class="cell">楼盘动态：</div>
							</td>
							<td class="content">
								<div class="cell">宏湖中央城清栋特惠85折，98-155㎡优质房源 锐减中，恭迎品鉴。</div>
							</td>
						</tr>
						<tr>
							<td class="title">
								<div class="cell">预 售 证 ：</div>
							</td>
							<td class="content">
								<div class="cell">灵川房产预售第202079号</div>
							</td>
						</tr>
						<tr>
							<td class="title">
								<div class="cell">交房时间：</div>
							</td>
							<td class="content">
								<div class="cell">2021-06-25</div>
							</td>
						</tr>
						
					</tbody>
				
				</table>
						
			</div>
			
		</div>
		<div class="container-part gap-30" >
			<div class="floor-base">
				<p class="base-name">小区规划</p>
				<table class="floor-base-table">
					<tbody>
						<tr>
							<td class="title">
								<div class="cell">销售状态：</div>
							</td>
							<td class="content">
								<div class="cell">在售</div>
							</td>
						</tr>
						<tr>
							<td class="title">
								<div class="cell">楼盘动态：</div>
							</td>
							<td class="content">
								<div class="cell">宏湖中央城清栋特惠85折，98-155㎡优质房源 锐减中，恭迎品鉴。</div>
							</td>
						</tr>
						<tr>
							<td class="title">
								<div class="cell">预 售 证 ：</div>
							</td>
							<td class="content">
								<div class="cell">灵川房产预售第202079号</div>
							</td>
						</tr>
						<tr>
							<td class="title">
								<div class="cell">交房时间：</div>
							</td>
							<td class="content">
								<div class="cell">2021-06-25</div>
							</td>
						</tr>
						
					</tbody>
				
				</table>
						
			</div>
			
		</div>
		<div class="container-part gap-30" >
			<div class="floor-base">
				<p class="base-name">物业管理</p>
				<table class="floor-base-table">
					<tbody>
						<tr>
							<td class="title">
								<div class="cell">销售状态：</div>
							</td>
							<td class="content">
								<div class="cell">在售</div>
							</td>
						</tr>
						<tr>
							<td class="title">
								<div class="cell">楼盘动态：</div>
							</td>
							<td class="content">
								<div class="cell">宏湖中央城清栋特惠85折，98-155㎡优质房源 锐减中，恭迎品鉴。</div>
							</td>
						</tr>
						<tr>
							<td class="title">
								<div class="cell">预 售 证 ：</div>
							</td>
							<td class="content">
								<div class="cell">灵川房产预售第202079号</div>
							</td>
						</tr>
						<tr>
							<td class="title">
								<div class="cell">交房时间：</div>
							</td>
							<td class="content">
								<div class="cell">2021-06-25</div>
							</td>
						</tr>
						
					</tbody>
				
				</table>
						
			</div>
			
		</div>
		<div class="container-part gap-30" >
			<div class="floor-base">
				<p class="base-name">楼盘简介</p>
				<div class="base-describe">
					丰都金科集美东方位于丰都县龙河东组团，是金科集团在丰都5年后打造的全新升级之作，意在打造回归东方人居的美好生活蓝本住区。本项目拥有低容积率、高智能化、生活设施配套完善等自身优势，并由金科物业打造高质量物业服务，期待成为您的安居之处。
				</div>	
			</div>
		</div>
		
		<!-- 标题 -->
		<div class="container-part gap-30">
			<div class="part-title">
				<p>户型鉴赏</p>
			</div>
		</div>
		
		<div class="container-part gap-30">
			<div class="house-type" id="house-type">
				<div class="house-type-item">
					<div class="house-type-img">
						<img src="./img/house-1.jpg" alt="" data-src="./img/house-1.jpg">
						<div class="house-type-info">
							<p>E8户型</p>
							<p>91.00㎡ (建面)</p>
						</div>
					</div>
					<div class="house-type-name">3室2厅1厨1卫</div>
				</div>
				<div class="house-type-item">
					<div class="house-type-img">
						<img src="./img/house-1.jpg" alt="" data-src="./img/house-1.jpg">
						<div class="house-type-info">
							<p>E8户型</p>
							<p>91.00㎡ (建面)</p>
						</div>
					</div>
					<div class="house-type-name">3室2厅1厨1卫</div>
				</div>
				<div class="house-type-item">
					<div class="house-type-img">
						<img src="./img/house-1.jpg" alt="" data-src="./img/house-1.jpg">
						<div class="house-type-info">
							<p>E8户型</p>
							<p>91.00㎡ (建面)</p>
						</div>
					</div>
					<div class="house-type-name">3室2厅1厨1卫</div>
				</div>
				<div class="house-type-item">
					<div class="house-type-img">
						<img src="./img/house-1.jpg" alt="" data-src="./img/house-1.jpg">
						<div class="house-type-info">
							<p>E8户型</p>
							<p>91.00㎡ (建面)</p>
						</div>
					</div>
					<div class="house-type-name">3室2厅1厨1卫</div>
				</div>
			</div>
		</div>
		
		<!-- 标题 -->
		<div class="container-part gap-30">
			<div class="part-title">
				<p>楼盘动态</p>
			</div>
		</div>
		
		<div class="container-part gap-30">
			<div class="time-line">
				<ul class="layui-timeline">
				  <li class="layui-timeline-item">
				    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
				    <div class="layui-timeline-content layui-text">
				      <h3 class="layui-timeline-title send-time">2021-07-27 14:59:26</h3>
				      <a class="title" href="#">丰都金科集美东方目前在售建面91-99平房源</a>
					  <p class="event">
						  丰都金科集美东方目前在售建售建面91-99平房源，建面均价约5000元 更多详情请咨询售楼处，咨询热线：400-176-0760转719783.
						  <a href="#">[详情]</a>
					  </p>
				    </div>
				  </li>
				  <li class="layui-timeline-item">
				    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
				    <div class="layui-timeline-content layui-text">
				      <h3 class="layui-timeline-title send-time">2021-07-27 14:59:26</h3>
				      <a class="title" href="#">丰都金科集美东方目前在售建面91-99平房源</a>
					  <p class="event">
						  丰都金科集美东方目前在售建售建面91-99平房源，建面均价约5000元 更多详情请咨询售楼处，咨询热线：400-176-0760转719783.
						  <a href="#">[详情]</a>
					  </p>
				    </div>
				  </li>
				  <li class="layui-timeline-item">
				    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
				    <div class="layui-timeline-content layui-text">
				      <h3 class="layui-timeline-title send-time">2021-07-27 14:59:26</h3>
				      <a class="title" href="#">丰都金科集美东方目前在售建面91-99平房源</a>
				  					  <p class="event">
				  						  丰都金科集美东方目前在售建售建面91-99平房源，建面均价约5000元 更多详情请咨询售楼处，咨询热线：400-176-0760转719783.
				  						  <a href="#">[详情]</a>
				  					  </p>
				    </div>
				  </li>
				  <li class="layui-timeline-item">
				    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
				    <div class="layui-timeline-content layui-text">
				      <h3 class="layui-timeline-title send-time">2021-07-27 14:59:26</h3>
				      <a class="title" href="#">丰都金科集美东方目前在售建面91-99平房源</a>
				  					  <p class="event">
				  						  丰都金科集美东方目前在售建售建面91-99平房源，建面均价约5000元 更多详情请咨询售楼处，咨询热线：400-176-0760转719783.
				  						  <a href="#">[详情]</a>
				  					  </p>
				    </div>
				  </li>
				  
				</ul>
			</div>
		</div>
	


			<!-- 版权 -->
			<div class="section">
				<div class="page-foot">
					<p>版权所有：Copyright © 2015-2019丰都宣传网</p>
					<p>渝ICP备15050430号 ICP证渝B2-20180118</p>
				</div>

			</div>
		</div>
	</body>
	<script>
		layui.config({
			base: './js/',
		}).extend({
			slick:'lib/slick.min',
			viewer:'lib/viewer.min',
		}).use('list')
	</script>
</html>
